<!--
	Created by   : jishasha
	Created time : 2017/05/04
	File explain : 趋恒材料卖家PC端 施小包账户
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>施小包账户</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="mater-sxb-account.css">
</head>
<body>
<div class="index-container">
	<div id="app0"><my-header v-bind:username="message"></my-header></div>
	<div id="appMenu" class="index-aside-nav"><my-menu v-bind:username="message"></my-menu></div>
	<div class="cmn-main">
	  <!-- 页头部分  包括：面包屑内容 -->
	  <header class="cmn-header">
		<!-- 资金账户余额 -->
		<div class="capital-account-balance account-info">
		  <span class="explain-text">我的账户余额（元）</span>
		  <div class="balance-money">
			￥<span class="banlance-money-num font-big big"></span>
			<span class="font-small small"></span>
		  </div>
		  <div class="account-btns">
			<button class="blue-btn cash-btn">提现</button>
			<button class="blue-btn carry-btn">转账</button>
			<button class="recharge-btn recharge">充值</button>
		  </div>
		</div>
		<!-- 银行卡 -->
		<div class="bank-card account-info">
		  <span class="explain-text">银行账户（个）</span>
		  <div class="balance-card">
			<img src="../../common/img/private/yinhangka.png" alt="">
			<span class="font-big" data-name="bankcardNum"></span>
		  </div>
		  <div class="account-btns">
			<button class="blue-btn bank-btn bank-manage">管理</button>
		  </div>
		</div>
		<!-- 使用状态 -->
		<div class="life-cycle-costing account-info">
		  <span class="explain-text">使用状态 : </span>
		  <div class="not-freeze status" data-name="status"></div>
		  <div class="phone-info">
			<div>绑定手机：<span class="bind-phone" data-name="mobile"></span></div>
			<div>账户名：<span class="account-name" data-name="name"></span></div>
			<div>联系客服寻求帮助：<span class="contact-service">0571-81608755</span></div>
		  </div>
		</div>
	  </header>
	  <!-- 页面主体 -->
	  <main>
		<div class="transact-record">
		  <div class="transact-record-text">交易记录</div>
		</div>
		<table class="table cmn-bank-table" id="id-trading-record"
			   data-pagination="true"
			   data-side-pagination="server"
			   data-unique-id="id"
			   data-striped="true">
		  <thead class="cmn-bank-head">
		  <tr>
			<th data-field="createdAt" data-align="center" data-valign="middle" data-width="13%">交易时间</th>
			<th data-field="orderSn" data-align="center" data-valign="middle" data-width="12%">交易号</th>
			<th data-align="center" data-valign="middle" data-formatter="tradeTypeFmt">交易类型</th>
			<th data-field="amount" data-align="right" data-valign="middle">金额(元)</th>
			<th data-field="status" data-align="center" data-valign="middle">状态</th>
			<th data-align="center" data-valign="middle" data-formatter="handleFmt">操作</th>
		  </tr>
		  </thead>
		</table>
		<div class="look-all-record all-deal"><span>查看全部交易记录 >></span></div>
	  </main>
	</div>		
</div>
<script data-main="mater-sxb-account" src="../../libs/require.min.js"></script>
</body>
</html>